/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
.career-block {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .career-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.career-block header {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
  text-align: center;
  border: none !important;
}

.career-block header img, .career-block header h2 {
  margin: 0;
}

.career-block header h2 {
  min-width: 250px;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .career-block header {
    text-align: left;
  }
  .career-block header h2 {
    margin: 0;
  }
}

.career-block section {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 60%;
          flex: 0 1 60%;
}

.career-block h2 {
  color: #47AFFF;
}

.career-block .single-job-product {
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
  height: auto;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.career-block .single-job-product .product, .career-block .single-job-product .product-open {
  margin: 1rem 0;
  font-weight: 700;
  position: relative;
  padding-right: 1.5rem;
  cursor: pointer;
  border-bottom: 1px solid rgba(26, 26, 26, 0.4);
}

.career-block .single-job-product .product .fa-angle-down, .career-block .single-job-product .product-open .fa-angle-down {
  color: #47AFFF;
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

.career-block .single-job-product .jobs-container {
  max-height: 0px;
  overflow: hidden;
}

.career-block .single-job-product .jobs-container.open {
  max-height: 100%;
  padding: 1rem;
}

.career-block .single-job-product .single-job, .career-block .single-job-product .single-job-open {
  -webkit-transition: .25s all ease-in-out;
  transition: .25s all ease-in-out;
  background-color: #f0f9ff;
  padding: 1rem 2rem;
  border-bottom: 2px solid #ffffff;
}

.career-block .single-job-product .single-job:first-of-type, .career-block .single-job-product .single-job-open:first-of-type {
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}

.career-block .single-job-product .single-job:last-of-type, .career-block .single-job-product .single-job-open:last-of-type {
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom: 0;
}

.career-block .single-job-product .single-job.open, .career-block .single-job-product .single-job-open.open {
  max-height: 100%;
  padding: 1rem;
}

.career-block .single-job-product .single-job h4, .career-block .single-job-product .single-job-open h4 {
  margin: 0;
}

.career-block .single-job-product .single-job h4 a, .career-block .single-job-product .single-job-open h4 a {
  color: #374bff;
}

.career-block .single-job-product .single-job h4 a:hover, .career-block .single-job-product .single-job h4 a:visited, .career-block .single-job-product .single-job-open h4 a:hover, .career-block .single-job-product .single-job-open h4 a:visited {
  color: #374bff;
}

.career-block .single-job-product .single-job p, .career-block .single-job-product .single-job-open p {
  font-size: 1.1rem;
  margin: 0;
}

.career-block .single-job-product .single-job i, .career-block .single-job-product .single-job-open i {
  color: #FFB240;
  margin-right: .5rem;
}

.career-block .single-job-product:focus-within .jobs-container {
  max-height: 100%;
}

.career-block .single-job-product:focus-within .product {
  border-bottom: 0;
}

.career-block .single-job-product .product-open {
  border-bottom: 0;
}

/*# sourceMappingURL=../maps/blocks/careers.css.map */